<template>
  <el-form label-width="150px" :model="form">
    <el-row :gutter="20">
      <el-col :span="12">
        <el-form-item label="小程序Id" prop="appId"><el-input v-model="form.venueName" placeholder="请输入小程序Id" /></el-form-item>
        <el-form-item label="小程序密钥" prop="secret"><el-input v-model="form.venueName" placeholder="请输入小程序密钥" /></el-form-item>
        <el-form-item label="商户号Id" prop="mchId"><el-input v-model="form.venueName" placeholder="请输入商户号Id" /></el-form-item>
        <el-form-item label="商户号Key" prop="mchKey"><el-input v-model="form.venueName" placeholder="请输入商户号Key" /></el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>

<script setup>
import { computed } from 'vue'
import { getCurrentInstance } from '@vue/runtime-core'
import { venueFacilityEdit } from '@/api/ven/index'
import useVenStore from '../../../../../store/modules/ven'


const { proxy } = getCurrentInstance()
const venStore = useVenStore()

const form = computed(() => venStore.venueInfo)

function submitForm() {
  venueFacilityEdit(form.value).then(() => {
    proxy.$modal.msgSuccess('修改成功')
  })
}
</script>

<style scoped>
.w50 {
	width: 50%;
}
.ml20 {
	margin-left: 20px;
}
</style>
